
 * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        font-family: "Microsoft Yahei", sans-serif;
        background-color: #f5f5f5;
        padding-top: 40px;
      }

      .header {
        position: fixed;
         top: 0; 
        padding-left: 10%;
        background-color: #fff;
        height: 40px;
        width: 100%;
      }

      .header img {
        height: 30px;
      }

      .container {
        width: 1000px;
        margin: 20px auto;
      }

      .section {
        margin-bottom: 30px;
      }

      .section h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
      }

      .tags {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
      }

      .tags span {
        margin: 0 10px;
        cursor: pointer;
        color: #333;
      }

      .tags span.active {
        color: #4cd964;
      }

      .list {
        display: flex;
        flex-wrap: wrap;
      }

      .item {
        width: 20%;
        padding: 10px;
        text-align: center;
      }

      .item img {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 5px;
      }

      /* 关键修改：歌单推荐与MV模块文本左对齐，添加左侧内边距 */
      .list .item p {
        font-size: 12px;
        color: #666;
        line-height: 1.5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left; /* 文本左对齐 */
        padding-left: 2px; /* 与图片边缘视觉对齐 */
      }

      .song-list .item {
        width: 33.33%;
        display: flex;
        align-items: center;
        padding: 5px 10px;
      }

      .song-list .item img {
        width: 60px;
        height: 60px;
        margin-right: 10px;
      }

      .song-list .item .info {
        flex: 1;
        text-align: left;
      }

      .song-list .item .info p {
        font-size: 14px;
        color: #333;
        margin-bottom: 3px;
        /* 取消歌曲列表标题的文本省略，保持原有显示 */
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }

      .song-list .item .info span {
        font-size: 12px;
        color: #999;
      }

      .song-list .item .time {
        font-size: 12px;
        color: #999;
      }

      .add-all {
        margin-bottom: 10px;
        text-align: left;
      }

      .add-all button {
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 3px 10px;
        border-radius: 3px;
        cursor: pointer;
      }

      /* 控制listen图标大小，宽度增加、高度减少 */
      .list .item p img {
        width: 20px; 
        height: 10px;
        vertical-align: middle; 
        margin-right: 5px; 
        /* 取消图标容器的文本省略，确保图标正常显示 */
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }